<?php 
	include "header.html";
	include "mensaje.php";
?>

<script type="text/javascript" src="framework/js/util.js"></script>
<script type="text/javascript" src="framework/js/DB.js"></script>
<script type="text/javascript" src="framework/js/selectboxes.js"></script>
<script src="js/table/jquery.dataTables.min.js"></script>
<script src="js/jquery-ui/jquery.ui.datepicker.min.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery.ui.dialog.min.js"></script>
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script>
	var clientes;
	var clienteActual;
	var procesos=DBHloadMap("proceso",{},"descripcion");
	var estadoProceso=DBHloadMap("estado_produccion",{},"descripcion");
	var tipoRegistro=DBHloadMap("tipo_registro_fabricacion",{},"descripcion");
	$(document).ready(function(){
		clientes=makeCombo("comboClientesDiv","cliente","cliente","razonSocial","filtraCliente()");
		armaTablaOrdenes(0);
	});

	function filtraCliente(){
		armaTablaOrdenes($("#cliente").val());
	}

		
	function armaTablaOrdenes(cliente){
		clienteActual=cliente;
		var params={};
		if (cliente>0){
			params["idCliente"]=cliente;
		}
		var ordenes=DBHload("orden", params, "prioridad");
		var str="<table id='ordenesT'><thead><th>Nro Orden</th><th>Cliente</th><th>Pieza</th><th>Total</th><th>Prioridad</th><th>Opciones</th></thead><tbody>";
		for (x=0;x<ordenes.rowCount;x++){
			var obj=ordenes.rows[x];
			str += "<tr><td>" + obj.id  + "</td><td>" + clientes[obj.idCliente] + "</td><td>" + obj.idPieza + "</td><td>" + obj.totalPiezas + "</td><td>" + obj.prioridad +"</td><td><a href='javascript:verOrden(" + obj.id + ")'>Status</a> </td></tr>";
		}			
		str+="</tbody></table>";
		$("#ordenesDiv").html(str);
	
		setTable("ordenesT",0);		
	}
	function verOrden(id){
		$("#ordenesDiv").fadeOut(500);
		$("#filtros").fadeOut(500);
		$("#atras").fadeIn(500);
		$("#statusOrden").fadeIn(500);
		armaTablaProcesos(DBHloadById("orden", id));
	}
	function atras(){
		$("#ordenesDiv").fadeIn("slow");
		$("#filtros").fadeIn("slow");
		$("#atras").hide("slow");
		$("#statusOrden").hide("slow");
	}
	
	function armaTablaProcesos(orden){
		var params={};
		params["idOrden"]=orden.id;
		var procesosOrden=DBHload("proceso_status", params, "idProceso");
		var str="<table id='procesosOrdenT'><thead><th>Proceso</th><th>Estado</th><th>Produccion</th><th>Opciones</th></thead><tbody>";
		for (x=0;x<procesosOrden.rowCount;x++){
			var obj=procesosOrden.rows[x];
			str += "<tr><td>" + obj.idProceso + " .- " +procesos[obj.idProceso] + "</td><td>" + estadoProceso[obj.idEstado] + "</td><td>" + obj.produccion + " Piezas</td><td><a href='javascript:editarProceso(" + obj.idProceso + "," + obj.idEstado + "," + obj.produccion + ")'>Editar</a> </td></tr>";
		}			
		str+="</tbody></table>";
		$("#statusOrden").html(str);

		setTable("procesosOrdenT",0);		
	}	
</script>

<?php 
	include "menuProduccion.html";
?>
		
        <div class="container_12">
           <div class="grid_10">
            	<div class="box round first">
                <h2>Ordenes</h2>
                	<div class="block">
                		<div id="filtros">
                		Cliente: <div id="comboClientesDiv"></div><br>
                		</div>
						<div id="ordenesDiv"></div>
						<div id="atras" style="display:none;"><a href="javascript:atras()"><< Volver</a></div>
						<div id="statusOrden" style="display:none;"></div>
                	</div>					
				</div> 
			</div> 
		</div>








<?php include "footer.html"?>